<template>
  <div class="article-tags">
    <p class="title">文章标签：</p>
    <p
        class="tag"
        v-for="tag in tags.split(',')"
        :key="'tag'+tag"
    >{{ tag }}</p>
  </div>
</template>

<script>
export default {
  name: "article-tags",
  props: {
    tags: String
  }
}
</script>

<style lang="less" scoped>
.article-tags{
  width:800px;
  box-sizing:border-box;
  background-color: #fff;
  padding: 20px;
  .flex-center();
  .title{

  }
  .tag{
    color: #4e5969;
    background-color: #fafafa;
    padding: 6px 10px;
    margin-left: 10px;
  }
}
</style>